import { createApp } from "vue";
import App from "@/App.vue";
import "@/style/reset.scss";

// 引入字节跳动arco-design框架，别忘了yarn add --dev @arco-design/web-vue
import ArcoVue from "@arco-design/web-vue";
import "@arco-design/web-vue/dist/arco.css";
import ArcoVueIcon from "@arco-design/web-vue/es/icon";

// 温馨提醒，本项目中对于tsconfig.json和vite.config.ts都有代码的修改与新增，请务必看一看，对于以后的项目开发很有帮助

import router from "@/router";

// 引入pinia仓库
import pinia from "@/store";

import HospitalTop from "@/components/hospital-top/index.vue";
import HospitalBottom from "@/components/hospital-bottom/index.vue";

import Login from "@/components/login/index.vue";

const app = createApp(App);

// 注册vue-router，别忘了yarn add vue-router安装
app.use(router);

// 注册pinia
app.use(pinia);

// 注册arco-design和它的图标库
app.use(ArcoVue);
app.use(ArcoVueIcon);

// 注册全局组件，也就是项目的顶部和底部两个固定区域
app.component("HospitalTop", HospitalTop);
app.component("HospitalBottom", HospitalBottom);
app.component("Login", Login);

app.mount("#app");
